<!DOCTYPE html>
<html>
    <head>
<meta charset="utf-8">  
<style>
    a:link{
        color: black;
            }
    a:visited{
        color: green;
    }
    a:hover{
        color: pink;
    }
    a:active{
        color: blue;
    }
    nav ul li {
            font-size: 40px;
            display: inline-block;
        
            margin: auto 100px;
        }
     tr :nth-child(even){
        background-color: pink;
     }
     tr:nth-child(odd){
        background-color: blue;
     }
     div{
        margin:10px;
        border: 10px;
        padding:20px;
        float:left;
     }
     .c1 img{
    -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));
  }
  p{
    font-weight: bold;
    font-family: 楷体;
    overflow-y: auto;
  }
  footer{
	clear:both;
	display:block;
	background-color: red;
	color:#FFFFFF;
	text-align:center;
	padding:15px;
}
    
   
   
    </style>      
    </head>
    <body background="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202003%2F31%2F20200331010052_ha8Ks.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670758103&t=7ad56070cda967a46569f73c25f61028">
        <h1 align="center">海贼王基地</h1>
<header>
<nav>
    <ul>
        <li><a href="https://baijiahao.baidu.com/s?id=1730639372266532777&wfr=spider&for=pc">人物了解</a></li>
        <li><a href="https://baijiahao.baidu.com/s?id=1744539157099096826&wfr=spider&for=pc">人物赏金</a></li>
        <li><a href="https://tieba.baidu.com/f?kw=%BA%A3%D4%F4%CD%F5&fr=ala0&tpl=5&dyTabStr=MCw2LDIsMSwzLDQsNSw4LDcsOQ%3D%3D">海米中心</a></li>
        <li><a href="https://image.baidu.com/search/index?tn=baiduimage&ct=201326592&lm=-1&cl=2&word=%E8%B7%AF%E9%A3%9E%E5%9B%BE%E7%89%87&t=3&dyTabStr=MCwzLDQsMSw1LDgsNyw2LDIsOQ%3D%3D">路飞照相馆</a></li>
        
    </ul>
    </nav>
    <main>

        <table border="6" align="center" style="width:50% ;" >
            <tr>
                <td colspan="2">海贼王人物</td>
                <td>
                    赏金价格
                </td>
            </tr>

                <tr>
                    <td colspan="2">蒙奇D.路飞</td>
                    <td>36亿00000万贝里</td>
                </tr>
                <tr >
                    <td colspan="2">罗罗诺亚·索隆</td>
                    <td>31亿6100万零100贝里</td>
                </tr>
        </table>
        <div class="c1">
       <img width="350px" height="250px" src="https://ts1.cn.mm.bing.net/th/id/R-C.113f8545535d0b736bbd34b47e15ac51?rik=fwVHwTgRulCuZg&riu=http%3a%2f%2fpic.iask.cn%2ffimg%2f56021549809_516.jpg&ehk=E4Gu%2fTNX5aIQOPKGHkV58LLqnkrSetdmkWNfxJPpXUs%3d&risl=&pid=ImgRaw&r=0">
           <p>黄金岛冒险</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://p1.ssl.qhimg.com/dr/270_500_/t01e059bb6dd17c4450.jpg?size=380x535">
            <p>发条岛的冒险</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://ts1.cn.mm.bing.net/th/id/R-C.a0021501cf9b6f29e61704c7af13c878?rik=A5SBMSZ2XThfjw&riu=http%3a%2f%2fp1.qhimg.com%2ft01790fecca29e91a59.jpg&ehk=iThS2xIz7SDPJMxn3iadNwiKU1VBIKViyHaVuM6lQoc%3d&risl=&pid=ImgRaw&r=0">
            <p>珍兽岛的乔巴王国</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://pic.baike.soso.com/ugc/baikepic/11037/cut-20131016214837-1766504800.jpg/0">
            <p>死亡尽头的冒险</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://ts1.cn.mm.bing.net/th/id/R-C.6272089096d8f0bd728e01ff8e43c681?rik=T4rJiHLvpdm2pw&riu=http%3a%2f%2fi.gtimg.cn%2fqqlive%2fimg%2fjpgcache%2ffiles%2fqqvideo%2fh%2fhkg6nxc8d16um0e.jpg&ehk=gOkxtRQrdrppYKnq9D5ueUSPMp%2fERpES5dMKpZ64IOM%3d&risl=&pid=ImgRaw&r=0">
            <p>被诅咒的圣剑</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://pic3.zhimg.com/50/v2-9cdd11a7a2387d4852038974b2e3c0d7_720w.jpg?source=1940ef5c">
            <p>祭典男爵与神秘岛</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://ts1.cn.mm.bing.net/th/id/R-C.e541391e380b81c27932fdeba6c438b4?rik=nKRth4gFlb8ySA&riu=http%3a%2f%2fvorcdn.xiaodutv.com%2fd5eaaa615006426f4d82a7428c70bd97&ehk=fjlMVi02gcE79gmaTvbdd0C8ADGmUT2n1GkkNK%2bRsWk%3d&risl=&pid=ImgRaw&r=0">
            <p>机关城的机械巨兵
            </p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://ts1.cn.mm.bing.net/th/id/R-C.80f0967cc601e615fa2788afe5ca1d8f?rik=BAgjRH%2bKYc5sJw&riu=http%3a%2f%2fpic.baike.soso.com%2fp%2f20130603%2f20130603141350-581537133.jpg&ehk=4ZmIgx93GAbhe%2fv39aeNI76g6VbpeEDzULP1PKKD19k%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1">
            <p>强者世界</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.v_aPFGFZgBY-Aa1D8ctu6gHaF7?pid=ImgDet&rs=1">
            <p>航海王Z</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://p1.ssl.qhimg.com/t0153d821a6060eb506.jpg">
            <p>航海王之黄金城</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://pic2.zhimg.com/v2-53f3633ef94da88eccebf46d40da764d_r.jpg">
            <p>航海王：狂热行动</p>
        </div>
        <div>
            <img width="350px" height="250px" src="https://pic3.zhimg.com/v2-816bf210236356ce5c2ee93e452a161e_r.jpg">
            <p>航海王：红发歌姬</p>
        </div>




    </main>
    <footer>
     海贼王red即将国内上映
    </footer>
    </body>
    
</html> 